<!DOCTYPE HTML>
<html>
	<head>
		<title>nativeDroid II - jQueryMobile Template</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
		<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
		<link rel="stylesheet" href="/css/nativedroid2.css" />

				<style>
					/* Prevent FOUC */
					body { opacity: 0; }
				</style>

	</head>
	<body>

		<div data-role="page">

			<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>


			<div data-role="header" data-position="fixed">
				<a href="#leftpanel" class="ui-btn ui-btn-left"><i class="zmdi zmdi-menu"></i></a>
				<h1>Icons</h1>
			</div>

			<div role="main" class="ui-content" data-inset="false">


                <h2 class="page-header">Web Application</h2>
            <section class="icon-set row" id="application">

                    <div class="col-sm-4 col-xs-6" data-name="3d-rotation"><div class="box"><p><i class="zmdi zmdi-3d-rotation zmd-fw"></i> zmdi-3d-rotation</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="album"><div class="box"><p><i class="zmdi zmdi-album zmd-fw"></i> zmdi-album</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="archive"><div class="box"><p><i class="zmdi zmdi-archive zmd-fw"></i> zmdi-archive</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="assignment-account"><div class="box"><p><i class="zmdi zmdi-assignment-account zmd-fw"></i> zmdi-assignment-account</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="assignment-alert"><div class="box"><p><i class="zmdi zmdi-assignment-alert zmd-fw"></i> zmdi-assignment-alert</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="assignment-check"><div class="box"><p><i class="zmdi zmdi-assignment-check zmd-fw"></i> zmdi-assignment-check</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="assignment-o"><div class="box"><p><i class="zmdi zmdi-assignment-o zmd-fw"></i> zmdi-assignment-o</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="assignment-return"><div class="box"><p><i class="zmdi zmdi-assignment-return zmd-fw"></i> zmdi-assignment-return</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="assignment-returned"><div class="box"><p><i class="zmdi zmdi-assignment-returned zmd-fw"></i> zmdi-assignment-returned</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="assignment"><div class="box"><p><i class="zmdi zmdi-assignment zmd-fw"></i> zmdi-assignment</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="attachment-alt"><div class="box"><p><i class="zmdi zmdi-attachment-alt zmd-fw"></i> zmdi-attachment-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="attachment"><div class="box"><p><i class="zmdi zmdi-attachment zmd-fw"></i> zmdi-attachment</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="audio"><div class="box"><p><i class="zmdi zmdi-audio zmd-fw"></i> zmdi-audio</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="badge-check"><div class="box"><p><i class="zmdi zmdi-badge-check zmd-fw"></i> zmdi-badge-check</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="balance-wallet"><div class="box"><p><i class="zmdi zmdi-balance-wallet zmd-fw"></i> zmdi-balance-wallet</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="balance"><div class="box"><p><i class="zmdi zmdi-balance zmd-fw"></i> zmdi-balance</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="battery-alert"><div class="box"><p><i class="zmdi zmdi-battery-alert zmd-fw"></i> zmdi-battery-alert</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="battery-charging"><div class="box"><p><i class="zmdi zmdi-battery-charging zmd-fw"></i> zmdi-battery-charging</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="battery-unknown"><div class="box"><p><i class="zmdi zmdi-battery-unknown zmd-fw"></i> zmdi-battery-unknown</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="battery"><div class="box"><p><i class="zmdi zmdi-battery zmd-fw"></i> zmdi-battery</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="block-alt"><div class="box"><p><i class="zmdi zmdi-block-alt zmd-fw"></i> zmdi-block-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="block"><div class="box"><p><i class="zmdi zmdi-block zmd-fw"></i> zmdi-block</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="book-photo"><div class="box"><p><i class="zmdi zmdi-book-photo zmd-fw"></i> zmdi-book-photo</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="book"><div class="box"><p><i class="zmdi zmdi-book zmd-fw"></i> zmdi-book</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="bookmark-outline"><div class="box"><p><i class="zmdi zmdi-bookmark-outline zmd-fw"></i> zmdi-bookmark-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="bookmark"><div class="box"><p><i class="zmdi zmdi-bookmark zmd-fw"></i> zmdi-bookmark</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="bug"><div class="box"><p><i class="zmdi zmdi-bug zmd-fw"></i> zmdi-bug</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="cake"><div class="box"><p><i class="zmdi zmdi-cake zmd-fw"></i> zmdi-cake</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="card-giftcard"><div class="box"><p><i class="zmdi zmdi-card-giftcard zmd-fw"></i> zmdi-card-giftcard</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="card-membership"><div class="box"><p><i class="zmdi zmdi-card-membership zmd-fw"></i> zmdi-card-membership</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="card-travel"><div class="box"><p><i class="zmdi zmdi-card-travel zmd-fw"></i> zmdi-card-travel</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="card"><div class="box"><p><i class="zmdi zmdi-card zmd-fw"></i> zmdi-card</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="case-play"><div class="box"><p><i class="zmdi zmdi-case-play zmd-fw"></i> zmdi-case-play</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="case"><div class="box"><p><i class="zmdi zmdi-case zmd-fw"></i> zmdi-case</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="chart-donut"><div class="box"><p><i class="zmdi zmdi-chart-donut zmd-fw"></i> zmdi-chart-donut</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="chart"><div class="box"><p><i class="zmdi zmdi-chart zmd-fw"></i> zmdi-chart</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="city-alt"><div class="box"><p><i class="zmdi zmdi-city-alt zmd-fw"></i> zmdi-city-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="city"><div class="box"><p><i class="zmdi zmdi-city zmd-fw"></i> zmdi-city</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="close-circle-o"><div class="box"><p><i class="zmdi zmdi-close-circle-o zmd-fw"></i> zmdi-close-circle-o</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="close-circle"><div class="box"><p><i class="zmdi zmdi-close-circle zmd-fw"></i> zmdi-close-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="close"><div class="box"><p><i class="zmdi zmdi-close zmd-fw"></i> zmdi-close</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="code-setting"><div class="box"><p><i class="zmdi zmdi-code-setting zmd-fw"></i> zmdi-code-setting</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="code-smartphone"><div class="box"><p><i class="zmdi zmdi-code-smartphone zmd-fw"></i> zmdi-code-smartphone</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="code"><div class="box"><p><i class="zmdi zmdi-code zmd-fw"></i> zmdi-code</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-add"><div class="box"><p><i class="zmdi zmdi-collection-add zmd-fw"></i> zmdi-collection-add</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-bookmark"><div class="box"><p><i class="zmdi zmdi-collection-bookmark zmd-fw"></i> zmdi-collection-bookmark</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-case-play"><div class="box"><p><i class="zmdi zmdi-collection-case-play zmd-fw"></i> zmdi-collection-case-play</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-folder-image"><div class="box"><p><i class="zmdi zmdi-collection-folder-image zmd-fw"></i> zmdi-collection-folder-image</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-image-o"><div class="box"><p><i class="zmdi zmdi-collection-image-o zmd-fw"></i> zmdi-collection-image-o</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-image"><div class="box"><p><i class="zmdi zmdi-collection-image zmd-fw"></i> zmdi-collection-image</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-item-1"><div class="box"><p><i class="zmdi zmdi-collection-item-1 zmd-fw"></i> zmdi-collection-item-1</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-item-2"><div class="box"><p><i class="zmdi zmdi-collection-item-2 zmd-fw"></i> zmdi-collection-item-2</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-item-3"><div class="box"><p><i class="zmdi zmdi-collection-item-3 zmd-fw"></i> zmdi-collection-item-3</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-item-4"><div class="box"><p><i class="zmdi zmdi-collection-item-4 zmd-fw"></i> zmdi-collection-item-4</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-item-5"><div class="box"><p><i class="zmdi zmdi-collection-item-5 zmd-fw"></i> zmdi-collection-item-5</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-item-6"><div class="box"><p><i class="zmdi zmdi-collection-item-6 zmd-fw"></i> zmdi-collection-item-6</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-item-7"><div class="box"><p><i class="zmdi zmdi-collection-item-7 zmd-fw"></i> zmdi-collection-item-7</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-item-8"><div class="box"><p><i class="zmdi zmdi-collection-item-8 zmd-fw"></i> zmdi-collection-item-8</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-item-9-plus"><div class="box"><p><i class="zmdi zmdi-collection-item-9-plus zmd-fw"></i> zmdi-collection-item-9-plus</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-item-9"><div class="box"><p><i class="zmdi zmdi-collection-item-9 zmd-fw"></i> zmdi-collection-item-9</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-item"><div class="box"><p><i class="zmdi zmdi-collection-item zmd-fw"></i> zmdi-collection-item</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-music"><div class="box"><p><i class="zmdi zmdi-collection-music zmd-fw"></i> zmdi-collection-music</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-pdf"><div class="box"><p><i class="zmdi zmdi-collection-pdf zmd-fw"></i> zmdi-collection-pdf</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-speaker"><div class="box"><p><i class="zmdi zmdi-collection-speaker zmd-fw"></i> zmdi-collection-speaker</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-text"><div class="box"><p><i class="zmdi zmdi-collection-text zmd-fw"></i> zmdi-collection-text</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="collection-video"><div class="box"><p><i class="zmdi zmdi-collection-video zmd-fw"></i> zmdi-collection-video</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="compass"><div class="box"><p><i class="zmdi zmdi-compass zmd-fw"></i> zmdi-compass</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="delete"><div class="box"><p><i class="zmdi zmdi-delete zmd-fw"></i> zmdi-delete</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="dns"><div class="box"><p><i class="zmdi zmdi-dns zmd-fw"></i> zmdi-dns</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="edit"><div class="box"><p><i class="zmdi zmdi-edit zmd-fw"></i> zmdi-edit</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="email-open"><div class="box"><p><i class="zmdi zmdi-email-open zmd-fw"></i> zmdi-email-open</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="email"><div class="box"><p><i class="zmdi zmdi-email zmd-fw"></i> zmdi-email</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="eye-off"><div class="box"><p><i class="zmdi zmdi-eye-off zmd-fw"></i> zmdi-eye-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="eye"><div class="box"><p><i class="zmdi zmdi-eye zmd-fw"></i> zmdi-eye</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="favorite-outline"><div class="box"><p><i class="zmdi zmdi-favorite-outline zmd-fw"></i> zmdi-favorite-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="favorite"><div class="box"><p><i class="zmdi zmdi-favorite zmd-fw"></i> zmdi-favorite</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="fire"><div class="box"><p><i class="zmdi zmdi-fire zmd-fw"></i> zmdi-fire</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="flag"><div class="box"><p><i class="zmdi zmdi-flag zmd-fw"></i> zmdi-flag</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="flare"><div class="box"><p><i class="zmdi zmdi-flare zmd-fw"></i> zmdi-flare</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="flash-auto"><div class="box"><p><i class="zmdi zmdi-flash-auto zmd-fw"></i> zmdi-flash-auto</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="flash-off"><div class="box"><p><i class="zmdi zmdi-flash-off zmd-fw"></i> zmdi-flash-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="flash"><div class="box"><p><i class="zmdi zmdi-flash zmd-fw"></i> zmdi-flash</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="flip"><div class="box"><p><i class="zmdi zmdi-flip zmd-fw"></i> zmdi-flip</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="flower"><div class="box"><p><i class="zmdi zmdi-flower zmd-fw"></i> zmdi-flower</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="font"><div class="box"><p><i class="zmdi zmdi-font zmd-fw"></i> zmdi-font</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="fullscreen-alt"><div class="box"><p><i class="zmdi zmdi-fullscreen-alt zmd-fw"></i> zmdi-fullscreen-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="fullscreen-exit"><div class="box"><p><i class="zmdi zmdi-fullscreen-exit zmd-fw"></i> zmdi-fullscreen-exit</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="fullscreen"><div class="box"><p><i class="zmdi zmdi-fullscreen zmd-fw"></i> zmdi-fullscreen</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="gesture"><div class="box"><p><i class="zmdi zmdi-gesture zmd-fw"></i> zmdi-gesture</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="globe-alt"><div class="box"><p><i class="zmdi zmdi-globe-alt zmd-fw"></i> zmdi-globe-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="globe-lock"><div class="box"><p><i class="zmdi zmdi-globe-lock zmd-fw"></i> zmdi-globe-lock</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="globe"><div class="box"><p><i class="zmdi zmdi-globe zmd-fw"></i> zmdi-globe</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="graduation-cap"><div class="box"><p><i class="zmdi zmdi-graduation-cap zmd-fw"></i> zmdi-graduation-cap</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="home"><div class="box"><p><i class="zmdi zmdi-home zmd-fw"></i> zmdi-home</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="hourglass-outline"><div class="box"><p><i class="zmdi zmdi-hourglass-outline zmd-fw"></i> zmdi-hourglass-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="hourglass"><div class="box"><p><i class="zmdi zmdi-hourglass zmd-fw"></i> zmdi-hourglass</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="http"><div class="box"><p><i class="zmdi zmdi-http zmd-fw"></i> zmdi-http</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="image-alt"><div class="box"><p><i class="zmdi zmdi-image-alt zmd-fw"></i> zmdi-image-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="image"><div class="box"><p><i class="zmdi zmdi-image zmd-fw"></i> zmdi-image</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="inbox"><div class="box"><p><i class="zmdi zmdi-inbox zmd-fw"></i> zmdi-inbox</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="incandescent"><div class="box"><p><i class="zmdi zmdi-incandescent zmd-fw"></i> zmdi-incandescent</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="invert-colors-off"><div class="box"><p><i class="zmdi zmdi-invert-colors-off zmd-fw"></i> zmdi-invert-colors-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="invert-colors"><div class="box"><p><i class="zmdi zmdi-invert-colors zmd-fw"></i> zmdi-invert-colors</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="key"><div class="box"><p><i class="zmdi zmdi-key zmd-fw"></i> zmdi-key</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="label-heart"><div class="box"><p><i class="zmdi zmdi-label-heart zmd-fw"></i> zmdi-label-heart</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="label-outline"><div class="box"><p><i class="zmdi zmdi-label-outline zmd-fw"></i> zmdi-label-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="label"><div class="box"><p><i class="zmdi zmdi-label zmd-fw"></i> zmdi-label</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="labels"><div class="box"><p><i class="zmdi zmdi-labels zmd-fw"></i> zmdi-labels</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="landscape"><div class="box"><p><i class="zmdi zmdi-landscape zmd-fw"></i> zmdi-landscape</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="link"><div class="box"><p><i class="zmdi zmdi-link zmd-fw"></i> zmdi-link</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="lock-open"><div class="box"><p><i class="zmdi zmdi-lock-open zmd-fw"></i> zmdi-lock-open</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="lock-outline"><div class="box"><p><i class="zmdi zmdi-lock-outline zmd-fw"></i> zmdi-lock-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="lock"><div class="box"><p><i class="zmdi zmdi-lock zmd-fw"></i> zmdi-lock</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="mail-reply-all"><div class="box"><p><i class="zmdi zmdi-mail-reply-all zmd-fw"></i> zmdi-mail-reply-all</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="mail-reply"><div class="box"><p><i class="zmdi zmdi-mail-reply zmd-fw"></i> zmdi-mail-reply</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="mail-send"><div class="box"><p><i class="zmdi zmdi-mail-send zmd-fw"></i> zmdi-mail-send</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="menu"><div class="box"><p><i class="zmdi zmdi-menu zmd-fw"></i> zmdi-menu</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="money-off"><div class="box"><p><i class="zmdi zmdi-money-off zmd-fw"></i> zmdi-money-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="money"><div class="box"><p><i class="zmdi zmdi-money zmd-fw"></i> zmdi-money</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="more-horiz"><div class="box"><p><i class="zmdi zmdi-more-horiz zmd-fw"></i> zmdi-more-horiz</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="more-vert"><div class="box"><p><i class="zmdi zmdi-more-vert zmd-fw"></i> zmdi-more-vert</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="open-in-browser"><div class="box"><p><i class="zmdi zmdi-open-in-browser zmd-fw"></i> zmdi-open-in-browser</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="open-in-new"><div class="box"><p><i class="zmdi zmdi-open-in-new zmd-fw"></i> zmdi-open-in-new</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="palette"><div class="box"><p><i class="zmdi zmdi-palette zmd-fw"></i> zmdi-palette</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="plaster"><div class="box"><p><i class="zmdi zmdi-plaster zmd-fw"></i> zmdi-plaster</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="power-off-setting"><div class="box"><p><i class="zmdi zmdi-power-off-setting zmd-fw"></i> zmdi-power-off-setting</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="power-off"><div class="box"><p><i class="zmdi zmdi-power-off zmd-fw"></i> zmdi-power-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="puzzle-piece"><div class="box"><p><i class="zmdi zmdi-puzzle-piece zmd-fw"></i> zmdi-puzzle-piece</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="receipt"><div class="box"><p><i class="zmdi zmdi-receipt zmd-fw"></i> zmdi-receipt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="refresh-alt"><div class="box"><p><i class="zmdi zmdi-refresh-alt zmd-fw"></i> zmdi-refresh-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="refresh-sync-disabled"><div class="box"><p><i class="zmdi zmdi-refresh-sync-disabled zmd-fw"></i> zmdi-refresh-sync-disabled</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="refresh-sync-problem"><div class="box"><p><i class="zmdi zmdi-refresh-sync-problem zmd-fw"></i> zmdi-refresh-sync-problem</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="refresh-sync"><div class="box"><p><i class="zmdi zmdi-refresh-sync zmd-fw"></i> zmdi-refresh-sync</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="refresh"><div class="box"><p><i class="zmdi zmdi-refresh zmd-fw"></i> zmdi-refresh</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="ruler"><div class="box"><p><i class="zmdi zmdi-ruler zmd-fw"></i> zmdi-ruler</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="screen-rotation-lock"><div class="box"><p><i class="zmdi zmdi-screen-rotation-lock zmd-fw"></i> zmdi-screen-rotation-lock</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="screen-rotation"><div class="box"><p><i class="zmdi zmdi-screen-rotation zmd-fw"></i> zmdi-screen-rotation</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="search-for"><div class="box"><p><i class="zmdi zmdi-search-for zmd-fw"></i> zmdi-search-for</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="search-in-file"><div class="box"><p><i class="zmdi zmdi-search-in-file zmd-fw"></i> zmdi-search-in-file</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="search-in-page"><div class="box"><p><i class="zmdi zmdi-search-in-page zmd-fw"></i> zmdi-search-in-page</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="search-replace"><div class="box"><p><i class="zmdi zmdi-search-replace zmd-fw"></i> zmdi-search-replace</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="search"><div class="box"><p><i class="zmdi zmdi-search zmd-fw"></i> zmdi-search</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="seat"><div class="box"><p><i class="zmdi zmdi-seat zmd-fw"></i> zmdi-seat</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="settings-square"><div class="box"><p><i class="zmdi zmdi-settings-square zmd-fw"></i> zmdi-settings-square</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="settings"><div class="box"><p><i class="zmdi zmdi-settings zmd-fw"></i> zmdi-settings</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="shield-check"><div class="box"><p><i class="zmdi zmdi-shield-check zmd-fw"></i> zmdi-shield-check</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="shield-security"><div class="box"><p><i class="zmdi zmdi-shield-security zmd-fw"></i> zmdi-shield-security</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="shopping-basket"><div class="box"><p><i class="zmdi zmdi-shopping-basket zmd-fw"></i> zmdi-shopping-basket</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="shopping-cart-add"><div class="box"><p><i class="zmdi zmdi-shopping-cart-add zmd-fw"></i> zmdi-shopping-cart-add</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="shopping-cart"><div class="box"><p><i class="zmdi zmdi-shopping-cart zmd-fw"></i> zmdi-shopping-cart</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="sign-in"><div class="box"><p><i class="zmdi zmdi-sign-in zmd-fw"></i> zmdi-sign-in</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="sort-by-alpha"><div class="box"><p><i class="zmdi zmdi-sort-by-alpha zmd-fw"></i> zmdi-sort-by-alpha</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="spellcheck"><div class="box"><p><i class="zmdi zmdi-spellcheck zmd-fw"></i> zmdi-spellcheck</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="storage"><div class="box"><p><i class="zmdi zmdi-storage zmd-fw"></i> zmdi-storage</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="sun"><div class="box"><p><i class="zmdi zmdi-sun zmd-fw"></i> zmdi-sun</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="tab-unselected"><div class="box"><p><i class="zmdi zmdi-tab-unselected zmd-fw"></i> zmdi-tab-unselected</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="tab"><div class="box"><p><i class="zmdi zmdi-tab zmd-fw"></i> zmdi-tab</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="tag-backspace"><div class="box"><p><i class="zmdi zmdi-tag-backspace zmd-fw"></i> zmdi-tag-backspace</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="tag-more"><div class="box"><p><i class="zmdi zmdi-tag-more zmd-fw"></i> zmdi-tag-more</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="thumb-down"><div class="box"><p><i class="zmdi zmdi-thumb-down zmd-fw"></i> zmdi-thumb-down</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="thumb-up-down"><div class="box"><p><i class="zmdi zmdi-thumb-up-down zmd-fw"></i> zmdi-thumb-up-down</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="thumb-up"><div class="box"><p><i class="zmdi zmdi-thumb-up zmd-fw"></i> zmdi-thumb-up</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="toll"><div class="box"><p><i class="zmdi zmdi-toll zmd-fw"></i> zmdi-toll</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="toys"><div class="box"><p><i class="zmdi zmdi-toys zmd-fw"></i> zmdi-toys</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="translate"><div class="box"><p><i class="zmdi zmdi-translate zmd-fw"></i> zmdi-translate</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="triangle-down"><div class="box"><p><i class="zmdi zmdi-triangle-down zmd-fw"></i> zmdi-triangle-down</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="triangle-up"><div class="box"><p><i class="zmdi zmdi-triangle-up zmd-fw"></i> zmdi-triangle-up</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="wallpaper"><div class="box"><p><i class="zmdi zmdi-wallpaper zmd-fw"></i> zmdi-wallpaper</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="wrench"><div class="box"><p><i class="zmdi zmdi-wrench zmd-fw"></i> zmdi-wrench</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="zoom-in"><div class="box"><p><i class="zmdi zmdi-zoom-in zmd-fw"></i> zmdi-zoom-in</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="zoom-out"><div class="box"><p><i class="zmdi zmdi-zoom-out zmd-fw"></i> zmdi-zoom-out</div></p></div>

            </section>
                <h2 class="page-header">Alert</h2>
            <section class="icon-set row" id="alert">
                    <div class="col-sm-4 col-xs-6" data-name="alert-circle-o"><div class="box"><p><i class="zmdi zmdi-alert-circle-o zmd-fw"></i> zmdi-alert-circle-o</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="alert-circle"><div class="box"><p><i class="zmdi zmdi-alert-circle zmd-fw"></i> zmdi-alert-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="alert-octagon"><div class="box"><p><i class="zmdi zmdi-alert-octagon zmd-fw"></i> zmdi-alert-octagon</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="alert-polygon"><div class="box"><p><i class="zmdi zmdi-alert-polygon zmd-fw"></i> zmdi-alert-polygon</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="alert-triangle"><div class="box"><p><i class="zmdi zmdi-alert-triangle zmd-fw"></i> zmdi-alert-triangle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="help-outline"><div class="box"><p><i class="zmdi zmdi-help-outline zmd-fw"></i> zmdi-help-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="help"><div class="box"><p><i class="zmdi zmdi-help zmd-fw"></i> zmdi-help</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="info-outline"><div class="box"><p><i class="zmdi zmdi-info-outline zmd-fw"></i> zmdi-info-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="info"><div class="box"><p><i class="zmdi zmdi-info zmd-fw"></i> zmdi-info</div></p></div>


            </section>
                <h2 class="page-header">Person</h2>
            <section class="icon-set row" id="person">

                    <div class="col-sm-4 col-xs-6" data-name="account-add"><div class="box"><p><i class="zmdi zmdi-account-add zmd-fw"></i> zmdi-account-add</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="account-box-mail"><div class="box"><p><i class="zmdi zmdi-account-box-mail zmd-fw"></i> zmdi-account-box-mail</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="account-box-o"><div class="box"><p><i class="zmdi zmdi-account-box-o zmd-fw"></i> zmdi-account-box-o</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="account-box-phone"><div class="box"><p><i class="zmdi zmdi-account-box-phone zmd-fw"></i> zmdi-account-box-phone</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="account-box"><div class="box"><p><i class="zmdi zmdi-account-box zmd-fw"></i> zmdi-account-box</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="account-calendar"><div class="box"><p><i class="zmdi zmdi-account-calendar zmd-fw"></i> zmdi-account-calendar</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="account-circle"><div class="box"><p><i class="zmdi zmdi-account-circle zmd-fw"></i> zmdi-account-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="account-o"><div class="box"><p><i class="zmdi zmdi-account-o zmd-fw"></i> zmdi-account-o</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="account"><div class="box"><p><i class="zmdi zmdi-account zmd-fw"></i> zmdi-account</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="accounts-add"><div class="box"><p><i class="zmdi zmdi-accounts-add zmd-fw"></i> zmdi-accounts-add</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="accounts-alt"><div class="box"><p><i class="zmdi zmdi-accounts-alt zmd-fw"></i> zmdi-accounts-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="accounts-list-alt"><div class="box"><p><i class="zmdi zmdi-accounts-list-alt zmd-fw"></i> zmdi-accounts-list-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="accounts-list"><div class="box"><p><i class="zmdi zmdi-accounts-list zmd-fw"></i> zmdi-accounts-list</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="accounts-outline"><div class="box"><p><i class="zmdi zmdi-accounts-outline zmd-fw"></i> zmdi-accounts-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="accounts"><div class="box"><p><i class="zmdi zmdi-accounts zmd-fw"></i> zmdi-accounts</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="face"><div class="box"><p><i class="zmdi zmdi-face zmd-fw"></i> zmdi-face</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="male"><div class="box"><p><i class="zmdi zmdi-male zmd-fw"></i> zmdi-male</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="mood-bad"><div class="box"><p><i class="zmdi zmdi-mood-bad zmd-fw"></i> zmdi-mood-bad</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="mood"><div class="box"><p><i class="zmdi zmdi-mood zmd-fw"></i> zmdi-mood</div></p></div>


            </section>
                <h2 class="page-header">File</h2>
            <section class="icon-set row" id="file">

                    <div class="col-sm-4 col-xs-6" data-name="cloud-circle"><div class="box"><p><i class="zmdi zmdi-cloud-circle zmd-fw"></i> zmdi-cloud-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="cloud-done"><div class="box"><p><i class="zmdi zmdi-cloud-done zmd-fw"></i> zmdi-cloud-done</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="cloud-download"><div class="box"><p><i class="zmdi zmdi-cloud-download zmd-fw"></i> zmdi-cloud-download</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="cloud-off"><div class="box"><p><i class="zmdi zmdi-cloud-off zmd-fw"></i> zmdi-cloud-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="cloud-outline-alt"><div class="box"><p><i class="zmdi zmdi-cloud-outline-alt zmd-fw"></i> zmdi-cloud-outline-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="cloud-outline"><div class="box"><p><i class="zmdi zmdi-cloud-outline zmd-fw"></i> zmdi-cloud-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="cloud-upload"><div class="box"><p><i class="zmdi zmdi-cloud-upload zmd-fw"></i> zmdi-cloud-upload</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="cloud"><div class="box"><p><i class="zmdi zmdi-cloud zmd-fw"></i> zmdi-cloud</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="download"><div class="box"><p><i class="zmdi zmdi-download zmd-fw"></i> zmdi-download</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="file-add"><div class="box"><p><i class="zmdi zmdi-file-add zmd-fw"></i> zmdi-file-add</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="file-text"><div class="box"><p><i class="zmdi zmdi-file-text zmd-fw"></i> zmdi-file-text</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="file"><div class="box"><p><i class="zmdi zmdi-file zmd-fw"></i> zmdi-file</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="folder-outline"><div class="box"><p><i class="zmdi zmdi-folder-outline zmd-fw"></i> zmdi-folder-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="folder-shared"><div class="box"><p><i class="zmdi zmdi-folder-shared zmd-fw"></i> zmdi-folder-shared</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="folder-special"><div class="box"><p><i class="zmdi zmdi-folder-special zmd-fw"></i> zmdi-folder-special</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="folder"><div class="box"><p><i class="zmdi zmdi-folder zmd-fw"></i> zmdi-folder</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="gif"><div class="box"><p><i class="zmdi zmdi-gif zmd-fw"></i> zmdi-gif</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="upload"><div class="box"><p><i class="zmdi zmdi-upload zmd-fw"></i> zmdi-upload</div></p></div>


            </section>
                <h2 class="page-header">Editor</h2>
            <section class="icon-set row" id="editor">

                    <div class="col-sm-4 col-xs-6" data-name="border-all"><div class="box"><p><i class="zmdi zmdi-border-all zmd-fw"></i> zmdi-border-all</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="border-bottom"><div class="box"><p><i class="zmdi zmdi-border-bottom zmd-fw"></i> zmdi-border-bottom</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="border-clear"><div class="box"><p><i class="zmdi zmdi-border-clear zmd-fw"></i> zmdi-border-clear</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="border-color"><div class="box"><p><i class="zmdi zmdi-border-color zmd-fw"></i> zmdi-border-color</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="border-horizontal"><div class="box"><p><i class="zmdi zmdi-border-horizontal zmd-fw"></i> zmdi-border-horizontal</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="border-inner"><div class="box"><p><i class="zmdi zmdi-border-inner zmd-fw"></i> zmdi-border-inner</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="border-left"><div class="box"><p><i class="zmdi zmdi-border-left zmd-fw"></i> zmdi-border-left</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="border-outer"><div class="box"><p><i class="zmdi zmdi-border-outer zmd-fw"></i> zmdi-border-outer</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="border-right"><div class="box"><p><i class="zmdi zmdi-border-right zmd-fw"></i> zmdi-border-right</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="border-style"><div class="box"><p><i class="zmdi zmdi-border-style zmd-fw"></i> zmdi-border-style</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="border-top"><div class="box"><p><i class="zmdi zmdi-border-top zmd-fw"></i> zmdi-border-top</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="border-vertical"><div class="box"><p><i class="zmdi zmdi-border-vertical zmd-fw"></i> zmdi-border-vertical</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="brush"><div class="box"><p><i class="zmdi zmdi-brush zmd-fw"></i> zmdi-brush</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="colorize"><div class="box"><p><i class="zmdi zmdi-colorize zmd-fw"></i> zmdi-colorize</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="copy"><div class="box"><p><i class="zmdi zmdi-copy zmd-fw"></i> zmdi-copy</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="crop"><div class="box"><p><i class="zmdi zmdi-crop zmd-fw"></i> zmdi-crop</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="cut"><div class="box"><p><i class="zmdi zmdi-cut zmd-fw"></i> zmdi-cut</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-align-center"><div class="box"><p><i class="zmdi zmdi-format-align-center zmd-fw"></i> zmdi-format-align-center</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-align-justify"><div class="box"><p><i class="zmdi zmdi-format-align-justify zmd-fw"></i> zmdi-format-align-justify</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-align-left"><div class="box"><p><i class="zmdi zmdi-format-align-left zmd-fw"></i> zmdi-format-align-left</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-align-right"><div class="box"><p><i class="zmdi zmdi-format-align-right zmd-fw"></i> zmdi-format-align-right</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-bold"><div class="box"><p><i class="zmdi zmdi-format-bold zmd-fw"></i> zmdi-format-bold</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-clear-all"><div class="box"><p><i class="zmdi zmdi-format-clear-all zmd-fw"></i> zmdi-format-clear-all</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-clear"><div class="box"><p><i class="zmdi zmdi-format-clear zmd-fw"></i> zmdi-format-clear</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-color-fill"><div class="box"><p><i class="zmdi zmdi-format-color-fill zmd-fw"></i> zmdi-format-color-fill</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-color-reset"><div class="box"><p><i class="zmdi zmdi-format-color-reset zmd-fw"></i> zmdi-format-color-reset</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-color-text"><div class="box"><p><i class="zmdi zmdi-format-color-text zmd-fw"></i> zmdi-format-color-text</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-indent-decrease"><div class="box"><p><i class="zmdi zmdi-format-indent-decrease zmd-fw"></i> zmdi-format-indent-decrease</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-indent-increase"><div class="box"><p><i class="zmdi zmdi-format-indent-increase zmd-fw"></i> zmdi-format-indent-increase</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-italic"><div class="box"><p><i class="zmdi zmdi-format-italic zmd-fw"></i> zmdi-format-italic</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-line-spacing"><div class="box"><p><i class="zmdi zmdi-format-line-spacing zmd-fw"></i> zmdi-format-line-spacing</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-list-bulleted"><div class="box"><p><i class="zmdi zmdi-format-list-bulleted zmd-fw"></i> zmdi-format-list-bulleted</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-list-numbered"><div class="box"><p><i class="zmdi zmdi-format-list-numbered zmd-fw"></i> zmdi-format-list-numbered</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-paint"><div class="box"><p><i class="zmdi zmdi-format-paint zmd-fw"></i> zmdi-format-paint</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-playlist-add"><div class="box"><p><i class="zmdi zmdi-format-playlist-add zmd-fw"></i> zmdi-format-playlist-add</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-queue-music"><div class="box"><p><i class="zmdi zmdi-format-queue-music zmd-fw"></i> zmdi-format-queue-music</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-quote"><div class="box"><p><i class="zmdi zmdi-format-quote zmd-fw"></i> zmdi-format-quote</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-size"><div class="box"><p><i class="zmdi zmdi-format-size zmd-fw"></i> zmdi-format-size</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-strikethrough-s"><div class="box"><p><i class="zmdi zmdi-format-strikethrough-s zmd-fw"></i> zmdi-format-strikethrough-s</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-strikethrough"><div class="box"><p><i class="zmdi zmdi-format-strikethrough zmd-fw"></i> zmdi-format-strikethrough</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-subject"><div class="box"><p><i class="zmdi zmdi-format-subject zmd-fw"></i> zmdi-format-subject</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-textdirection-l-to-r"><div class="box"><p><i class="zmdi zmdi-format-textdirection-l-to-r zmd-fw"></i> zmdi-format-textdirection-l-to-r</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-textdirection-r-to-l"><div class="box"><p><i class="zmdi zmdi-format-textdirection-r-to-l zmd-fw"></i> zmdi-format-textdirection-r-to-l</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-underlined"><div class="box"><p><i class="zmdi zmdi-format-underlined zmd-fw"></i> zmdi-format-underlined</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-valign-bottom"><div class="box"><p><i class="zmdi zmdi-format-valign-bottom zmd-fw"></i> zmdi-format-valign-bottom</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-valign-center"><div class="box"><p><i class="zmdi zmdi-format-valign-center zmd-fw"></i> zmdi-format-valign-center</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="format-valign-top"><div class="box"><p><i class="zmdi zmdi-format-valign-top zmd-fw"></i> zmdi-format-valign-top</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="functions"><div class="box"><p><i class="zmdi zmdi-functions zmd-fw"></i> zmdi-functions</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="print"><div class="box"><p><i class="zmdi zmdi-print zmd-fw"></i> zmdi-print</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="redo"><div class="box"><p><i class="zmdi zmdi-redo zmd-fw"></i> zmdi-redo</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="save"><div class="box"><p><i class="zmdi zmdi-save zmd-fw"></i> zmdi-save</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="select-all"><div class="box"><p><i class="zmdi zmdi-select-all zmd-fw"></i> zmdi-select-all</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="space-bar"><div class="box"><p><i class="zmdi zmdi-space-bar zmd-fw"></i> zmdi-space-bar</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="text-format"><div class="box"><p><i class="zmdi zmdi-text-format zmd-fw"></i> zmdi-text-format</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="undo"><div class="box"><p><i class="zmdi zmdi-undo zmd-fw"></i> zmdi-undo</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="wrap-text"><div class="box"><p><i class="zmdi zmdi-wrap-text zmd-fw"></i> zmdi-wrap-text</div></p></div>

            </section>

                <h2 class="page-header">Comment</h2>
            <section class="icon-set row" id="comment">


                    <div class="col-sm-4 col-xs-6" data-name="comment-alert"><div class="box"><p><i class="zmdi zmdi-comment-alert zmd-fw"></i> zmdi-comment-alert</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="comment-alt-text"><div class="box"><p><i class="zmdi zmdi-comment-alt-text zmd-fw"></i> zmdi-comment-alt-text</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="comment-alt"><div class="box"><p><i class="zmdi zmdi-comment-alt zmd-fw"></i> zmdi-comment-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="comment-dots"><div class="box"><p><i class="zmdi zmdi-comment-dots zmd-fw"></i> zmdi-comment-dots</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="comment-image"><div class="box"><p><i class="zmdi zmdi-comment-image zmd-fw"></i> zmdi-comment-image</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="comment-list"><div class="box"><p><i class="zmdi zmdi-comment-list zmd-fw"></i> zmdi-comment-list</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="comment-outline"><div class="box"><p><i class="zmdi zmdi-comment-outline zmd-fw"></i> zmdi-comment-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="comment-sign"><div class="box"><p><i class="zmdi zmdi-comment-sign zmd-fw"></i> zmdi-comment-sign</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="comment-text-alt"><div class="box"><p><i class="zmdi zmdi-comment-text-alt zmd-fw"></i> zmdi-comment-text-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="comment-text"><div class="box"><p><i class="zmdi zmdi-comment-text zmd-fw"></i> zmdi-comment-text</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="comment-video"><div class="box"><p><i class="zmdi zmdi-comment-video zmd-fw"></i> zmdi-comment-video</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="comment"><div class="box"><p><i class="zmdi zmdi-comment zmd-fw"></i> zmdi-comment</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="comments"><div class="box"><p><i class="zmdi zmdi-comments zmd-fw"></i> zmdi-comments</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="rate-review"><div class="box"><p><i class="zmdi zmdi-rate-review zmd-fw"></i> zmdi-rate-review</div></p></div>


            </section>

                <h2 class="page-header">Form</h2>
            <section class="icon-set row" id="form">


                    <div class="col-sm-4 col-xs-6" data-name="check-all"><div class="box"><p><i class="zmdi zmdi-check-all zmd-fw"></i> zmdi-check-all</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="check-circle-u"><div class="box"><p><i class="zmdi zmdi-check-circle-u zmd-fw"></i> zmdi-check-circle-u</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="check-circle"><div class="box"><p><i class="zmdi zmdi-check-circle zmd-fw"></i> zmdi-check-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="check-square"><div class="box"><p><i class="zmdi zmdi-check-square zmd-fw"></i> zmdi-check-square</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="check"><div class="box"><p><i class="zmdi zmdi-check zmd-fw"></i> zmdi-check</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="circle-o"><div class="box"><p><i class="zmdi zmdi-circle-o zmd-fw"></i> zmdi-circle-o</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="circle"><div class="box"><p><i class="zmdi zmdi-circle zmd-fw"></i> zmdi-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="dot-circle-alt"><div class="box"><p><i class="zmdi zmdi-dot-circle-alt zmd-fw"></i> zmdi-dot-circle-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="dot-circle"><div class="box"><p><i class="zmdi zmdi-dot-circle zmd-fw"></i> zmdi-dot-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="minus-circle-outline"><div class="box"><p><i class="zmdi zmdi-minus-circle-outline zmd-fw"></i> zmdi-minus-circle-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="minus-circle"><div class="box"><p><i class="zmdi zmdi-minus-circle zmd-fw"></i> zmdi-minus-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="minus-square"><div class="box"><p><i class="zmdi zmdi-minus-square zmd-fw"></i> zmdi-minus-square</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="minus"><div class="box"><p><i class="zmdi zmdi-minus zmd-fw"></i> zmdi-minus</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="plus-box"><div class="box"><p><i class="zmdi zmdi-plus-box zmd-fw"></i> zmdi-plus-box</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="plus-circle-o-duplicate"><div class="box"><p><i class="zmdi zmdi-plus-circle-o-duplicate zmd-fw"></i> zmdi-plus-circle-o-duplicate</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="plus-circle-o"><div class="box"><p><i class="zmdi zmdi-plus-circle-o zmd-fw"></i> zmdi-plus-circle-o</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="plus-circle"><div class="box"><p><i class="zmdi zmdi-plus-circle zmd-fw"></i> zmdi-plus-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="plus"><div class="box"><p><i class="zmdi zmdi-plus zmd-fw"></i> zmdi-plus</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="square-o"><div class="box"><p><i class="zmdi zmdi-square-o zmd-fw"></i> zmdi-square-o</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="star-border"><div class="box"><p><i class="zmdi zmdi-star-border zmd-fw"></i> zmdi-star-border</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="star-circle"><div class="box"><p><i class="zmdi zmdi-star-circle zmd-fw"></i> zmdi-star-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="star-half"><div class="box"><p><i class="zmdi zmdi-star-half zmd-fw"></i> zmdi-star-half</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="star"><div class="box"><p><i class="zmdi zmdi-star zmd-fw"></i> zmdi-star</div></p></div>


            </section>

                <h2 class="page-header">Hardware</h2>
            <section class="icon-set row" id="hardware">

                    <div class="col-sm-4 col-xs-6" data-name="camera-add"><div class="box"><p><i class="zmdi zmdi-camera-add zmd-fw"></i> zmdi-camera-add</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="camera-alt"><div class="box"><p><i class="zmdi zmdi-camera-alt zmd-fw"></i> zmdi-camera-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="camera-front"><div class="box"><p><i class="zmdi zmdi-camera-front zmd-fw"></i> zmdi-camera-front</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="camera-mic"><div class="box"><p><i class="zmdi zmdi-camera-mic zmd-fw"></i> zmdi-camera-mic</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="camera-monochrome-photos"><div class="box"><p><i class="zmdi zmdi-camera-monochrome-photos zmd-fw"></i> zmdi-camera-monochrome-photos</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="camera-party-mode"><div class="box"><p><i class="zmdi zmdi-camera-party-mode zmd-fw"></i> zmdi-camera-party-mode</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="camera-rear"><div class="box"><p><i class="zmdi zmdi-camera-rear zmd-fw"></i> zmdi-camera-rear</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="camera-roll"><div class="box"><p><i class="zmdi zmdi-camera-roll zmd-fw"></i> zmdi-camera-roll</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="camera-switch"><div class="box"><p><i class="zmdi zmdi-camera-switch zmd-fw"></i> zmdi-camera-switch</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="camera"><div class="box"><p><i class="zmdi zmdi-camera zmd-fw"></i> zmdi-camera</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="card-alert"><div class="box"><p><i class="zmdi zmdi-card-alert zmd-fw"></i> zmdi-card-alert</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="card-off"><div class="box"><p><i class="zmdi zmdi-card-off zmd-fw"></i> zmdi-card-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="card-sd"><div class="box"><p><i class="zmdi zmdi-card-sd zmd-fw"></i> zmdi-card-sd</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="card-sim"><div class="box"><p><i class="zmdi zmdi-card-sim zmd-fw"></i> zmdi-card-sim</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="desktop-mac"><div class="box"><p><i class="zmdi zmdi-desktop-mac zmd-fw"></i> zmdi-desktop-mac</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="desktop-windows"><div class="box"><p><i class="zmdi zmdi-desktop-windows zmd-fw"></i> zmdi-desktop-windows</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="device-hub"><div class="box"><p><i class="zmdi zmdi-device-hub zmd-fw"></i> zmdi-device-hub</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="devices-off"><div class="box"><p><i class="zmdi zmdi-devices-off zmd-fw"></i> zmdi-devices-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="devices"><div class="box"><p><i class="zmdi zmdi-devices zmd-fw"></i> zmdi-devices</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="dock"><div class="box"><p><i class="zmdi zmdi-dock zmd-fw"></i> zmdi-dock</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="gamepad"><div class="box"><p><i class="zmdi zmdi-gamepad zmd-fw"></i> zmdi-gamepad</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="headset-mic"><div class="box"><p><i class="zmdi zmdi-headset-mic zmd-fw"></i> zmdi-headset-mic</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="headset"><div class="box"><p><i class="zmdi zmdi-headset zmd-fw"></i> zmdi-headset</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="input-antenna"><div class="box"><p><i class="zmdi zmdi-input-antenna zmd-fw"></i> zmdi-input-antenna</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="input-composite"><div class="box"><p><i class="zmdi zmdi-input-composite zmd-fw"></i> zmdi-input-composite</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="input-hdmi"><div class="box"><p><i class="zmdi zmdi-input-hdmi zmd-fw"></i> zmdi-input-hdmi</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="input-power"><div class="box"><p><i class="zmdi zmdi-input-power zmd-fw"></i> zmdi-input-power</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="input-svideo"><div class="box"><p><i class="zmdi zmdi-input-svideo zmd-fw"></i> zmdi-input-svideo</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="keyboard-hide"><div class="box"><p><i class="zmdi zmdi-keyboard-hide zmd-fw"></i> zmdi-keyboard-hide</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="keyboard"><div class="box"><p><i class="zmdi zmdi-keyboard zmd-fw"></i> zmdi-keyboard</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="laptop-chromebook"><div class="box"><p><i class="zmdi zmdi-laptop-chromebook zmd-fw"></i> zmdi-laptop-chromebook</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="laptop-mac"><div class="box"><p><i class="zmdi zmdi-laptop-mac zmd-fw"></i> zmdi-laptop-mac</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="laptop"><div class="box"><p><i class="zmdi zmdi-laptop zmd-fw"></i> zmdi-laptop</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="live-tv"><div class="box"><p><i class="zmdi zmdi-live-tv zmd-fw"></i> zmdi-live-tv</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="mic-off"><div class="box"><p><i class="zmdi zmdi-mic-off zmd-fw"></i> zmdi-mic-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="mic-outline"><div class="box"><p><i class="zmdi zmdi-mic-outline zmd-fw"></i> zmdi-mic-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="mic-setting"><div class="box"><p><i class="zmdi zmdi-mic-setting zmd-fw"></i> zmdi-mic-setting</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="mic"><div class="box"><p><i class="zmdi zmdi-mic zmd-fw"></i> zmdi-mic</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="mouse"><div class="box"><p><i class="zmdi zmdi-mouse zmd-fw"></i> zmdi-mouse</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="radio"><div class="box"><p><i class="zmdi zmdi-radio zmd-fw"></i> zmdi-radio</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="reader"><div class="box"><p><i class="zmdi zmdi-reader zmd-fw"></i> zmdi-reader</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="remote-control-alt"><div class="box"><p><i class="zmdi zmdi-remote-control-alt zmd-fw"></i> zmdi-remote-control-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="remote-control"><div class="box"><p><i class="zmdi zmdi-remote-control zmd-fw"></i> zmdi-remote-control</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="router"><div class="box"><p><i class="zmdi zmdi-router zmd-fw"></i> zmdi-router</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="scanner"><div class="box"><p><i class="zmdi zmdi-scanner zmd-fw"></i> zmdi-scanner</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone-android"><div class="box"><p><i class="zmdi zmdi-smartphone-android zmd-fw"></i> zmdi-smartphone-android</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone-download"><div class="box"><p><i class="zmdi zmdi-smartphone-download zmd-fw"></i> zmdi-smartphone-download</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone-erase"><div class="box"><p><i class="zmdi zmdi-smartphone-erase zmd-fw"></i> zmdi-smartphone-erase</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone-info"><div class="box"><p><i class="zmdi zmdi-smartphone-info zmd-fw"></i> zmdi-smartphone-info</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone-iphone"><div class="box"><p><i class="zmdi zmdi-smartphone-iphone zmd-fw"></i> zmdi-smartphone-iphone</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone-landscape-lock"><div class="box"><p><i class="zmdi zmdi-smartphone-landscape-lock zmd-fw"></i> zmdi-smartphone-landscape-lock</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone-landscape"><div class="box"><p><i class="zmdi zmdi-smartphone-landscape zmd-fw"></i> zmdi-smartphone-landscape</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone-lock"><div class="box"><p><i class="zmdi zmdi-smartphone-lock zmd-fw"></i> zmdi-smartphone-lock</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone-portrait-lock"><div class="box"><p><i class="zmdi zmdi-smartphone-portrait-lock zmd-fw"></i> zmdi-smartphone-portrait-lock</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone-portrait"><div class="box"><p><i class="zmdi zmdi-smartphone-portrait zmd-fw"></i> zmdi-smartphone-portrait</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone-ring"><div class="box"><p><i class="zmdi zmdi-smartphone-ring zmd-fw"></i> zmdi-smartphone-ring</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone-setting"><div class="box"><p><i class="zmdi zmdi-smartphone-setting zmd-fw"></i> zmdi-smartphone-setting</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone-setup"><div class="box"><p><i class="zmdi zmdi-smartphone-setup zmd-fw"></i> zmdi-smartphone-setup</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="smartphone"><div class="box"><p><i class="zmdi zmdi-smartphone zmd-fw"></i> zmdi-smartphone</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="speaker"><div class="box"><p><i class="zmdi zmdi-speaker zmd-fw"></i> zmdi-speaker</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="tablet-android"><div class="box"><p><i class="zmdi zmdi-tablet-android zmd-fw"></i> zmdi-tablet-android</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="tablet-mac"><div class="box"><p><i class="zmdi zmdi-tablet-mac zmd-fw"></i> zmdi-tablet-mac</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="tablet"><div class="box"><p><i class="zmdi zmdi-tablet zmd-fw"></i> zmdi-tablet</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="tv-list"><div class="box"><p><i class="zmdi zmdi-tv-list zmd-fw"></i> zmdi-tv-list</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="tv-play"><div class="box"><p><i class="zmdi zmdi-tv-play zmd-fw"></i> zmdi-tv-play</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="tv"><div class="box"><p><i class="zmdi zmdi-tv zmd-fw"></i> zmdi-tv</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="usb"><div class="box"><p><i class="zmdi zmdi-usb zmd-fw"></i> zmdi-usb</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="videocam-off"><div class="box"><p><i class="zmdi zmdi-videocam-off zmd-fw"></i> zmdi-videocam-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="videocam-switch"><div class="box"><p><i class="zmdi zmdi-videocam-switch zmd-fw"></i> zmdi-videocam-switch</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="videocam"><div class="box"><p><i class="zmdi zmdi-videocam zmd-fw"></i> zmdi-videocam</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="watch"><div class="box"><p><i class="zmdi zmdi-watch zmd-fw"></i> zmdi-watch</div></p></div>


            </section>

                <h2 class="page-header">Map</h2>
            <section class="icon-set row" id="map">

                    <div class="col-sm-4 col-xs-6" data-name="directions-bike"><div class="box"><p><i class="zmdi zmdi-directions-bike zmd-fw"></i> zmdi-directions-bike</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="directions-boat"><div class="box"><p><i class="zmdi zmdi-directions-boat zmd-fw"></i> zmdi-directions-boat</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="directions-bus"><div class="box"><p><i class="zmdi zmdi-directions-bus zmd-fw"></i> zmdi-directions-bus</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="directions-car"><div class="box"><p><i class="zmdi zmdi-directions-car zmd-fw"></i> zmdi-directions-car</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="directions-railway"><div class="box"><p><i class="zmdi zmdi-directions-railway zmd-fw"></i> zmdi-directions-railway</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="directions-run"><div class="box"><p><i class="zmdi zmdi-directions-run zmd-fw"></i> zmdi-directions-run</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="directions-subway"><div class="box"><p><i class="zmdi zmdi-directions-subway zmd-fw"></i> zmdi-directions-subway</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="directions-walk"><div class="box"><p><i class="zmdi zmdi-directions-walk zmd-fw"></i> zmdi-directions-walk</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="directions"><div class="box"><p><i class="zmdi zmdi-directions zmd-fw"></i> zmdi-directions</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="hotel"><div class="box"><p><i class="zmdi zmdi-hotel zmd-fw"></i> zmdi-hotel</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="layers-clear"><div class="box"><p><i class="zmdi zmdi-layers-clear zmd-fw"></i> zmdi-layers-clear</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="layers"><div class="box"><p><i class="zmdi zmdi-layers zmd-fw"></i> zmdi-layers</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-activity"><div class="box"><p><i class="zmdi zmdi-local-activity zmd-fw"></i> zmdi-local-activity</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-airport"><div class="box"><p><i class="zmdi zmdi-local-airport zmd-fw"></i> zmdi-local-airport</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-atm"><div class="box"><p><i class="zmdi zmdi-local-atm zmd-fw"></i> zmdi-local-atm</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-bar"><div class="box"><p><i class="zmdi zmdi-local-bar zmd-fw"></i> zmdi-local-bar</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-cafe"><div class="box"><p><i class="zmdi zmdi-local-cafe zmd-fw"></i> zmdi-local-cafe</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-car-wash"><div class="box"><p><i class="zmdi zmdi-local-car-wash zmd-fw"></i> zmdi-local-car-wash</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-convenience-store"><div class="box"><p><i class="zmdi zmdi-local-convenience-store zmd-fw"></i> zmdi-local-convenience-store</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-dining"><div class="box"><p><i class="zmdi zmdi-local-dining zmd-fw"></i> zmdi-local-dining</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-drink"><div class="box"><p><i class="zmdi zmdi-local-drink zmd-fw"></i> zmdi-local-drink</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-florist"><div class="box"><p><i class="zmdi zmdi-local-florist zmd-fw"></i> zmdi-local-florist</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-gas-station"><div class="box"><p><i class="zmdi zmdi-local-gas-station zmd-fw"></i> zmdi-local-gas-station</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-grocery-store"><div class="box"><p><i class="zmdi zmdi-local-grocery-store zmd-fw"></i> zmdi-local-grocery-store</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-hospital"><div class="box"><p><i class="zmdi zmdi-local-hospital zmd-fw"></i> zmdi-local-hospital</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-hotel"><div class="box"><p><i class="zmdi zmdi-local-hotel zmd-fw"></i> zmdi-local-hotel</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-laundry-service"><div class="box"><p><i class="zmdi zmdi-local-laundry-service zmd-fw"></i> zmdi-local-laundry-service</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-library"><div class="box"><p><i class="zmdi zmdi-local-library zmd-fw"></i> zmdi-local-library</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-mall"><div class="box"><p><i class="zmdi zmdi-local-mall zmd-fw"></i> zmdi-local-mall</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-movies"><div class="box"><p><i class="zmdi zmdi-local-movies zmd-fw"></i> zmdi-local-movies</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-offer"><div class="box"><p><i class="zmdi zmdi-local-offer zmd-fw"></i> zmdi-local-offer</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-parking"><div class="box"><p><i class="zmdi zmdi-local-parking zmd-fw"></i> zmdi-local-parking</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-pharmacy"><div class="box"><p><i class="zmdi zmdi-local-pharmacy zmd-fw"></i> zmdi-local-pharmacy</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-phone"><div class="box"><p><i class="zmdi zmdi-local-phone zmd-fw"></i> zmdi-local-phone</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-pizza"><div class="box"><p><i class="zmdi zmdi-local-pizza zmd-fw"></i> zmdi-local-pizza</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-play"><div class="box"><p><i class="zmdi zmdi-local-play zmd-fw"></i> zmdi-local-play</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-post-office"><div class="box"><p><i class="zmdi zmdi-local-post-office zmd-fw"></i> zmdi-local-post-office</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-printshop"><div class="box"><p><i class="zmdi zmdi-local-printshop zmd-fw"></i> zmdi-local-printshop</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-see"><div class="box"><p><i class="zmdi zmdi-local-see zmd-fw"></i> zmdi-local-see</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-shipping"><div class="box"><p><i class="zmdi zmdi-local-shipping zmd-fw"></i> zmdi-local-shipping</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-store"><div class="box"><p><i class="zmdi zmdi-local-store zmd-fw"></i> zmdi-local-store</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-taxi"><div class="box"><p><i class="zmdi zmdi-local-taxi zmd-fw"></i> zmdi-local-taxi</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="local-wc"><div class="box"><p><i class="zmdi zmdi-local-wc zmd-fw"></i> zmdi-local-wc</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="map"><div class="box"><p><i class="zmdi zmdi-map zmd-fw"></i> zmdi-map</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="my-location"><div class="box"><p><i class="zmdi zmdi-my-location zmd-fw"></i> zmdi-my-location</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="nature-people"><div class="box"><p><i class="zmdi zmdi-nature-people zmd-fw"></i> zmdi-nature-people</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="nature"><div class="box"><p><i class="zmdi zmdi-nature zmd-fw"></i> zmdi-nature</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="navigation"><div class="box"><p><i class="zmdi zmdi-navigation zmd-fw"></i> zmdi-navigation</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="pin-account"><div class="box"><p><i class="zmdi zmdi-pin-account zmd-fw"></i> zmdi-pin-account</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="pin-assistant"><div class="box"><p><i class="zmdi zmdi-pin-assistant zmd-fw"></i> zmdi-pin-assistant</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="pin-drop"><div class="box"><p><i class="zmdi zmdi-pin-drop zmd-fw"></i> zmdi-pin-drop</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="pin-help"><div class="box"><p><i class="zmdi zmdi-pin-help zmd-fw"></i> zmdi-pin-help</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="pin-off"><div class="box"><p><i class="zmdi zmdi-pin-off zmd-fw"></i> zmdi-pin-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="pin"><div class="box"><p><i class="zmdi zmdi-pin zmd-fw"></i> zmdi-pin</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="traffic"><div class="box"><p><i class="zmdi zmdi-traffic zmd-fw"></i> zmdi-traffic</div></p></div>


            </section>

                <h2 class="page-header">Directional</h2>
            <section class="icon-set row" id="directional">


                    <div class="col-sm-4 col-xs-6" data-name="arrow-back"><div class="box"><p><i class="zmdi zmdi-arrow-back zmd-fw"></i> zmdi-arrow-back</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="arrow-forward"><div class="box"><p><i class="zmdi zmdi-arrow-forward zmd-fw"></i> zmdi-arrow-forward</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="arrow-in"><div class="box"><p><i class="zmdi zmdi-arrow-in zmd-fw"></i> zmdi-arrow-in</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="arrow-merge"><div class="box"><p><i class="zmdi zmdi-arrow-merge zmd-fw"></i> zmdi-arrow-merge</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="arrow-missed"><div class="box"><p><i class="zmdi zmdi-arrow-missed zmd-fw"></i> zmdi-arrow-missed</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="arrow-out"><div class="box"><p><i class="zmdi zmdi-arrow-out zmd-fw"></i> zmdi-arrow-out</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="arrow-split"><div class="box"><p><i class="zmdi zmdi-arrow-split zmd-fw"></i> zmdi-arrow-split</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="arrows"><div class="box"><p><i class="zmdi zmdi-arrows zmd-fw"></i> zmdi-arrows</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="caret-down-circle"><div class="box"><p><i class="zmdi zmdi-caret-down-circle zmd-fw"></i> zmdi-caret-down-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="caret-down"><div class="box"><p><i class="zmdi zmdi-caret-down zmd-fw"></i> zmdi-caret-down</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="caret-up"><div class="box"><p><i class="zmdi zmdi-caret-up zmd-fw"></i> zmdi-caret-up</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="chevron-down"><div class="box"><p><i class="zmdi zmdi-chevron-down zmd-fw"></i> zmdi-chevron-down</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="chevron-left"><div class="box"><p><i class="zmdi zmdi-chevron-left zmd-fw"></i> zmdi-chevron-left</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="chevron-right"><div class="box"><p><i class="zmdi zmdi-chevron-right zmd-fw"></i> zmdi-chevron-right</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="chevron-up"><div class="box"><p><i class="zmdi zmdi-chevron-up zmd-fw"></i> zmdi-chevron-up</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="forward"><div class="box"><p><i class="zmdi zmdi-forward zmd-fw"></i> zmdi-forward</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="import-export"><div class="box"><p><i class="zmdi zmdi-import-export zmd-fw"></i> zmdi-import-export</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="long-arrow-left"><div class="box"><p><i class="zmdi zmdi-long-arrow-left zmd-fw"></i> zmdi-long-arrow-left</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="long-arrow-return"><div class="box"><p><i class="zmdi zmdi-long-arrow-return zmd-fw"></i> zmdi-long-arrow-return</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="long-arrow-tab"><div class="box"><p><i class="zmdi zmdi-long-arrow-tab zmd-fw"></i> zmdi-long-arrow-tab</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="rotate-90-degrees-ccw"><div class="box"><p><i class="zmdi zmdi-rotate-90-degrees-ccw zmd-fw"></i> zmdi-rotate-90-degrees-ccw</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="rotate-left"><div class="box"><p><i class="zmdi zmdi-rotate-left zmd-fw"></i> zmdi-rotate-left</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="rotate-right"><div class="box"><p><i class="zmdi zmdi-rotate-right zmd-fw"></i> zmdi-rotate-right</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="square-down"><div class="box"><p><i class="zmdi zmdi-square-down zmd-fw"></i> zmdi-square-down</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="square-right"><div class="box"><p><i class="zmdi zmdi-square-right zmd-fw"></i> zmdi-square-right</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="swap-alt"><div class="box"><p><i class="zmdi zmdi-swap-alt zmd-fw"></i> zmdi-swap-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="swap-vertical-"><div class="box"><p><i class="zmdi zmdi-swap-vertical- zmd-fw"></i> zmdi-swap-vertical-</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="swap-vertical-circle"><div class="box"><p><i class="zmdi zmdi-swap-vertical-circle zmd-fw"></i> zmdi-swap-vertical-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="swap"><div class="box"><p><i class="zmdi zmdi-swap zmd-fw"></i> zmdi-swap</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="trending-down"><div class="box"><p><i class="zmdi zmdi-trending-down zmd-fw"></i> zmdi-trending-down</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="trending-flat"><div class="box"><p><i class="zmdi zmdi-trending-flat zmd-fw"></i> zmdi-trending-flat</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="trending-up"><div class="box"><p><i class="zmdi zmdi-trending-up zmd-fw"></i> zmdi-trending-up</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="unfold-less"><div class="box"><p><i class="zmdi zmdi-unfold-less zmd-fw"></i> zmdi-unfold-less</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="unfold-more"><div class="box"><p><i class="zmdi zmdi-unfold-more zmd-fw"></i> zmdi-unfold-more</div></p></div>


            </section>

                <h2 class="page-header">View</h2>
            <section class="icon-set row" id="view">


                    <div class="col-sm-4 col-xs-6" data-name="apps"><div class="box"><p><i class="zmdi zmdi-apps zmd-fw"></i> zmdi-apps</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="dehaze"><div class="box"><p><i class="zmdi zmdi-dehaze zmd-fw"></i> zmdi-dehaze</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="filter-list"><div class="box"><p><i class="zmdi zmdi-filter-list zmd-fw"></i> zmdi-filter-list</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="reorder"><div class="box"><p><i class="zmdi zmdi-reorder zmd-fw"></i> zmdi-reorder</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="sort"><div class="box"><p><i class="zmdi zmdi-sort zmd-fw"></i> zmdi-sort</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-agenda"><div class="box"><p><i class="zmdi zmdi-view-agenda zmd-fw"></i> zmdi-view-agenda</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-array"><div class="box"><p><i class="zmdi zmdi-view-array zmd-fw"></i> zmdi-view-array</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-carousel"><div class="box"><p><i class="zmdi zmdi-view-carousel zmd-fw"></i> zmdi-view-carousel</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-column"><div class="box"><p><i class="zmdi zmdi-view-column zmd-fw"></i> zmdi-view-column</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-comfy"><div class="box"><p><i class="zmdi zmdi-view-comfy zmd-fw"></i> zmdi-view-comfy</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-compact"><div class="box"><p><i class="zmdi zmdi-view-compact zmd-fw"></i> zmdi-view-compact</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-dashboard"><div class="box"><p><i class="zmdi zmdi-view-dashboard zmd-fw"></i> zmdi-view-dashboard</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-day"><div class="box"><p><i class="zmdi zmdi-view-day zmd-fw"></i> zmdi-view-day</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-headline"><div class="box"><p><i class="zmdi zmdi-view-headline zmd-fw"></i> zmdi-view-headline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-list-alt"><div class="box"><p><i class="zmdi zmdi-view-list-alt zmd-fw"></i> zmdi-view-list-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-list"><div class="box"><p><i class="zmdi zmdi-view-list zmd-fw"></i> zmdi-view-list</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-module"><div class="box"><p><i class="zmdi zmdi-view-module zmd-fw"></i> zmdi-view-module</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-quilt"><div class="box"><p><i class="zmdi zmdi-view-quilt zmd-fw"></i> zmdi-view-quilt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-stream"><div class="box"><p><i class="zmdi zmdi-view-stream zmd-fw"></i> zmdi-view-stream</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-subtitles"><div class="box"><p><i class="zmdi zmdi-view-subtitles zmd-fw"></i> zmdi-view-subtitles</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-toc"><div class="box"><p><i class="zmdi zmdi-view-toc zmd-fw"></i> zmdi-view-toc</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-web"><div class="box"><p><i class="zmdi zmdi-view-web zmd-fw"></i> zmdi-view-web</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="view-week"><div class="box"><p><i class="zmdi zmdi-view-week zmd-fw"></i> zmdi-view-week</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="widgets"><div class="box"><p><i class="zmdi zmdi-widgets zmd-fw"></i> zmdi-widgets</div></p></div>

            </section>

                <h2 class="page-header">Time</h2>
            <section class="icon-set row" id="time">


                    <div class="col-sm-4 col-xs-6" data-name="alarm-add"><div class="box"><p><i class="zmdi zmdi-alarm-add zmd-fw"></i> zmdi-alarm-add</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="alarm-check"><div class="box"><p><i class="zmdi zmdi-alarm-check zmd-fw"></i> zmdi-alarm-check</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="alarm-off"><div class="box"><p><i class="zmdi zmdi-alarm-off zmd-fw"></i> zmdi-alarm-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="alarm-snooze"><div class="box"><p><i class="zmdi zmdi-alarm-snooze zmd-fw"></i> zmdi-alarm-snooze</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="alarm"><div class="box"><p><i class="zmdi zmdi-alarm zmd-fw"></i> zmdi-alarm</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="calendar-alt"><div class="box"><p><i class="zmdi zmdi-calendar-alt zmd-fw"></i> zmdi-calendar-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="calendar-check"><div class="box"><p><i class="zmdi zmdi-calendar-check zmd-fw"></i> zmdi-calendar-check</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="calendar-note"><div class="box"><p><i class="zmdi zmdi-calendar-note zmd-fw"></i> zmdi-calendar-note</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="calendar-remove"><div class="box"><p><i class="zmdi zmdi-calendar-remove zmd-fw"></i> zmdi-calendar-remove</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="calendar"><div class="box"><p><i class="zmdi zmdi-calendar zmd-fw"></i> zmdi-calendar</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="time-countdown"><div class="box"><p><i class="zmdi zmdi-time-countdown zmd-fw"></i> zmdi-time-countdown</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="time-interval"><div class="box"><p><i class="zmdi zmdi-time-interval zmd-fw"></i> zmdi-time-interval</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="time-restore-setting"><div class="box"><p><i class="zmdi zmdi-time-restore-setting zmd-fw"></i> zmdi-time-restore-setting</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="time-restore"><div class="box"><p><i class="zmdi zmdi-time-restore zmd-fw"></i> zmdi-time-restore</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="time"><div class="box"><p><i class="zmdi zmdi-time zmd-fw"></i> zmdi-time</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="timer-off"><div class="box"><p><i class="zmdi zmdi-timer-off zmd-fw"></i> zmdi-timer-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="timer"><div class="box"><p><i class="zmdi zmdi-timer zmd-fw"></i> zmdi-timer</div></p></div>


            </section>

                <h2 class="page-header">Social</h2>
            <section class="icon-set row" id="social">


                    <div class="col-sm-4 col-xs-6" data-name="adb"><div class="box"><p><i class="zmdi zmdi-adb zmd-fw"></i> zmdi-adb</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="android"><div class="box"><p><i class="zmdi zmdi-android zmd-fw"></i> zmdi-android</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="polymer"><div class="box"><p><i class="zmdi zmdi-polymer zmd-fw"></i> zmdi-polymer</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="share"><div class="box"><p><i class="zmdi zmdi-share zmd-fw"></i> zmdi-share</div></p></div>


            </section>

                <h2 class="page-header">Phone</h2>
            <section class="icon-set row" id="phone">


                    <div class="col-sm-4 col-xs-6" data-name="phone-bluetooth"><div class="box"><p><i class="zmdi zmdi-phone-bluetooth zmd-fw"></i> zmdi-phone-bluetooth</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="phone-end"><div class="box"><p><i class="zmdi zmdi-phone-end zmd-fw"></i> zmdi-phone-end</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="phone-forwarded"><div class="box"><p><i class="zmdi zmdi-phone-forwarded zmd-fw"></i> zmdi-phone-forwarded</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="phone-in-talk"><div class="box"><p><i class="zmdi zmdi-phone-in-talk zmd-fw"></i> zmdi-phone-in-talk</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="phone-locked"><div class="box"><p><i class="zmdi zmdi-phone-locked zmd-fw"></i> zmdi-phone-locked</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="phone-missed"><div class="box"><p><i class="zmdi zmdi-phone-missed zmd-fw"></i> zmdi-phone-missed</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="phone-msg"><div class="box"><p><i class="zmdi zmdi-phone-msg zmd-fw"></i> zmdi-phone-msg</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="phone-paused"><div class="box"><p><i class="zmdi zmdi-phone-paused zmd-fw"></i> zmdi-phone-paused</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="phone-ring"><div class="box"><p><i class="zmdi zmdi-phone-ring zmd-fw"></i> zmdi-phone-ring</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="phone-setting"><div class="box"><p><i class="zmdi zmdi-phone-setting zmd-fw"></i> zmdi-phone-setting</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="phone-sip"><div class="box"><p><i class="zmdi zmdi-phone-sip zmd-fw"></i> zmdi-phone-sip</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="phone"><div class="box"><p><i class="zmdi zmdi-phone zmd-fw"></i> zmdi-phone</div></p></div>


            </section>

                <h2 class="page-header">Image</h2>
            <section class="icon-set row" id="image">


                    <div class="col-sm-4 col-xs-6" data-name="aspect-ratio-alt"><div class="box"><p><i class="zmdi zmdi-aspect-ratio-alt zmd-fw"></i> zmdi-aspect-ratio-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="aspect-ratio"><div class="box"><p><i class="zmdi zmdi-aspect-ratio zmd-fw"></i> zmdi-aspect-ratio</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="blur-circular"><div class="box"><p><i class="zmdi zmdi-blur-circular zmd-fw"></i> zmdi-blur-circular</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="blur-linear"><div class="box"><p><i class="zmdi zmdi-blur-linear zmd-fw"></i> zmdi-blur-linear</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="blur-off"><div class="box"><p><i class="zmdi zmdi-blur-off zmd-fw"></i> zmdi-blur-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="blur"><div class="box"><p><i class="zmdi zmdi-blur zmd-fw"></i> zmdi-blur</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="brightness-2"><div class="box"><p><i class="zmdi zmdi-brightness-2 zmd-fw"></i> zmdi-brightness-2</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="brightness-3"><div class="box"><p><i class="zmdi zmdi-brightness-3 zmd-fw"></i> zmdi-brightness-3</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="brightness-4"><div class="box"><p><i class="zmdi zmdi-brightness-4 zmd-fw"></i> zmdi-brightness-4</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="brightness-5"><div class="box"><p><i class="zmdi zmdi-brightness-5 zmd-fw"></i> zmdi-brightness-5</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="brightness-6"><div class="box"><p><i class="zmdi zmdi-brightness-6 zmd-fw"></i> zmdi-brightness-6</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="brightness-7"><div class="box"><p><i class="zmdi zmdi-brightness-7 zmd-fw"></i> zmdi-brightness-7</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="brightness-auto"><div class="box"><p><i class="zmdi zmdi-brightness-auto zmd-fw"></i> zmdi-brightness-auto</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="brightness-high"><div class="box"><p><i class="zmdi zmdi-brightness-high zmd-fw"></i> zmdi-brightness-high</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="brightness-low"><div class="box"><p><i class="zmdi zmdi-brightness-low zmd-fw"></i> zmdi-brightness-low</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="brightness-medium"><div class="box"><p><i class="zmdi zmdi-brightness-medium zmd-fw"></i> zmdi-brightness-medium</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="brightness-setting"><div class="box"><p><i class="zmdi zmdi-brightness-setting zmd-fw"></i> zmdi-brightness-setting</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="broken-image"><div class="box"><p><i class="zmdi zmdi-broken-image zmd-fw"></i> zmdi-broken-image</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="center-focus-strong"><div class="box"><p><i class="zmdi zmdi-center-focus-strong zmd-fw"></i> zmdi-center-focus-strong</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="center-focus-weak"><div class="box"><p><i class="zmdi zmdi-center-focus-weak zmd-fw"></i> zmdi-center-focus-weak</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="compare"><div class="box"><p><i class="zmdi zmdi-compare zmd-fw"></i> zmdi-compare</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="crop-16-9"><div class="box"><p><i class="zmdi zmdi-crop-16-9 zmd-fw"></i> zmdi-crop-16-9</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="crop-3-2"><div class="box"><p><i class="zmdi zmdi-crop-3-2 zmd-fw"></i> zmdi-crop-3-2</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="crop-5-4"><div class="box"><p><i class="zmdi zmdi-crop-5-4 zmd-fw"></i> zmdi-crop-5-4</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="crop-7-5"><div class="box"><p><i class="zmdi zmdi-crop-7-5 zmd-fw"></i> zmdi-crop-7-5</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="crop-din"><div class="box"><p><i class="zmdi zmdi-crop-din zmd-fw"></i> zmdi-crop-din</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="crop-free"><div class="box"><p><i class="zmdi zmdi-crop-free zmd-fw"></i> zmdi-crop-free</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="crop-landscape"><div class="box"><p><i class="zmdi zmdi-crop-landscape zmd-fw"></i> zmdi-crop-landscape</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="crop-original"><div class="box"><p><i class="zmdi zmdi-crop-original zmd-fw"></i> zmdi-crop-original</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="crop-portrait"><div class="box"><p><i class="zmdi zmdi-crop-portrait zmd-fw"></i> zmdi-crop-portrait</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="crop-square"><div class="box"><p><i class="zmdi zmdi-crop-square zmd-fw"></i> zmdi-crop-square</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="crop"><div class="box"><p><i class="zmdi zmdi-crop zmd-fw"></i> zmdi-crop</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="daydream-setting"><div class="box"><p><i class="zmdi zmdi-daydream-setting zmd-fw"></i> zmdi-daydream-setting</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="exposure-alt"><div class="box"><p><i class="zmdi zmdi-exposure-alt zmd-fw"></i> zmdi-exposure-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="exposure"><div class="box"><p><i class="zmdi zmdi-exposure zmd-fw"></i> zmdi-exposure</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="filter-b-and-w"><div class="box"><p><i class="zmdi zmdi-filter-b-and-w zmd-fw"></i> zmdi-filter-b-and-w</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="filter-center-focus"><div class="box"><p><i class="zmdi zmdi-filter-center-focus zmd-fw"></i> zmdi-filter-center-focus</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="filter-frames"><div class="box"><p><i class="zmdi zmdi-filter-frames zmd-fw"></i> zmdi-filter-frames</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="filter-tilt-shift"><div class="box"><p><i class="zmdi zmdi-filter-tilt-shift zmd-fw"></i> zmdi-filter-tilt-shift</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="gradient"><div class="box"><p><i class="zmdi zmdi-gradient zmd-fw"></i> zmdi-gradient</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="grain"><div class="box"><p><i class="zmdi zmdi-grain zmd-fw"></i> zmdi-grain</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="graphic-eq"><div class="box"><p><i class="zmdi zmdi-graphic-eq zmd-fw"></i> zmdi-graphic-eq</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="grid-off"><div class="box"><p><i class="zmdi zmdi-grid-off zmd-fw"></i> zmdi-grid-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="grid"><div class="box"><p><i class="zmdi zmdi-grid zmd-fw"></i> zmdi-grid</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="hdr-off"><div class="box"><p><i class="zmdi zmdi-hdr-off zmd-fw"></i> zmdi-hdr-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="hdr-strong"><div class="box"><p><i class="zmdi zmdi-hdr-strong zmd-fw"></i> zmdi-hdr-strong</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="hdr-weak"><div class="box"><p><i class="zmdi zmdi-hdr-weak zmd-fw"></i> zmdi-hdr-weak</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="hdr"><div class="box"><p><i class="zmdi zmdi-hdr zmd-fw"></i> zmdi-hdr</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="leak-remove"><div class="box"><p><i class="zmdi zmdi-leak-remove zmd-fw"></i> zmdi-leak-remove</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="leak"><div class="box"><p><i class="zmdi zmdi-leak zmd-fw"></i> zmdi-leak</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="looks"><div class="box"><p><i class="zmdi zmdi-looks zmd-fw"></i> zmdi-looks</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="loupe"><div class="box"><p><i class="zmdi zmdi-loupe zmd-fw"></i> zmdi-loupe</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="panorama-horizontal"><div class="box"><p><i class="zmdi zmdi-panorama-horizontal zmd-fw"></i> zmdi-panorama-horizontal</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="panorama-vertical"><div class="box"><p><i class="zmdi zmdi-panorama-vertical zmd-fw"></i> zmdi-panorama-vertical</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="panorama-wide-angle"><div class="box"><p><i class="zmdi zmdi-panorama-wide-angle zmd-fw"></i> zmdi-panorama-wide-angle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="photo-size-select-large"><div class="box"><p><i class="zmdi zmdi-photo-size-select-large zmd-fw"></i> zmdi-photo-size-select-large</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="photo-size-select-small"><div class="box"><p><i class="zmdi zmdi-photo-size-select-small zmd-fw"></i> zmdi-photo-size-select-small</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="picture-in-picture"><div class="box"><p><i class="zmdi zmdi-picture-in-picture zmd-fw"></i> zmdi-picture-in-picture</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="slideshow"><div class="box"><p><i class="zmdi zmdi-slideshow zmd-fw"></i> zmdi-slideshow</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="texture"><div class="box"><p><i class="zmdi zmdi-texture zmd-fw"></i> zmdi-texture</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="tonality"><div class="box"><p><i class="zmdi zmdi-tonality zmd-fw"></i> zmdi-tonality</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="vignette"><div class="box"><p><i class="zmdi zmdi-vignette zmd-fw"></i> zmdi-vignette</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="wb-auto"><div class="box"><p><i class="zmdi zmdi-wb-auto zmd-fw"></i> zmdi-wb-auto</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="wb-iridescent"><div class="box"><p><i class="zmdi zmdi-wb-iridescent zmd-fw"></i> zmdi-wb-iridescent</div></p></div>


            </section>

                <h2 class="page-header">Audio / Video</h2>
            <section class="icon-set row" id="av">


                    <div class="col-sm-4 col-xs-6" data-name="eject-alt"><div class="box"><p><i class="zmdi zmdi-eject-alt zmd-fw"></i> zmdi-eject-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="eject"><div class="box"><p><i class="zmdi zmdi-eject zmd-fw"></i> zmdi-eject</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="equalizer"><div class="box"><p><i class="zmdi zmdi-equalizer zmd-fw"></i> zmdi-equalizer</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="fast-forward"><div class="box"><p><i class="zmdi zmdi-fast-forward zmd-fw"></i> zmdi-fast-forward</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="fast-rewind"><div class="box"><p><i class="zmdi zmdi-fast-rewind zmd-fw"></i> zmdi-fast-rewind</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="forward-10"><div class="box"><p><i class="zmdi zmdi-forward-10 zmd-fw"></i> zmdi-forward-10</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="forward-30"><div class="box"><p><i class="zmdi zmdi-forward-30 zmd-fw"></i> zmdi-forward-30</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="forward-5"><div class="box"><p><i class="zmdi zmdi-forward-5 zmd-fw"></i> zmdi-forward-5</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="hearing"><div class="box"><p><i class="zmdi zmdi-hearing zmd-fw"></i> zmdi-hearing</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="movie-alt"><div class="box"><p><i class="zmdi zmdi-movie-alt zmd-fw"></i> zmdi-movie-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="movie"><div class="box"><p><i class="zmdi zmdi-movie zmd-fw"></i> zmdi-movie</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="pause-circle-outline"><div class="box"><p><i class="zmdi zmdi-pause-circle-outline zmd-fw"></i> zmdi-pause-circle-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="pause-circle"><div class="box"><p><i class="zmdi zmdi-pause-circle zmd-fw"></i> zmdi-pause-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="pause"><div class="box"><p><i class="zmdi zmdi-pause zmd-fw"></i> zmdi-pause</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="play-circle-outline"><div class="box"><p><i class="zmdi zmdi-play-circle-outline zmd-fw"></i> zmdi-play-circle-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="play-circle"><div class="box"><p><i class="zmdi zmdi-play-circle zmd-fw"></i> zmdi-play-circle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="play"><div class="box"><p><i class="zmdi zmdi-play zmd-fw"></i> zmdi-play</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="repeat-one"><div class="box"><p><i class="zmdi zmdi-repeat-one zmd-fw"></i> zmdi-repeat-one</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="repeat"><div class="box"><p><i class="zmdi zmdi-repeat zmd-fw"></i> zmdi-repeat</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="replay-10"><div class="box"><p><i class="zmdi zmdi-replay-10 zmd-fw"></i> zmdi-replay-10</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="replay-30"><div class="box"><p><i class="zmdi zmdi-replay-30 zmd-fw"></i> zmdi-replay-30</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="replay-5"><div class="box"><p><i class="zmdi zmdi-replay-5 zmd-fw"></i> zmdi-replay-5</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="replay"><div class="box"><p><i class="zmdi zmdi-replay zmd-fw"></i> zmdi-replay</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="shuffle"><div class="box"><p><i class="zmdi zmdi-shuffle zmd-fw"></i> zmdi-shuffle</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="skip-next"><div class="box"><p><i class="zmdi zmdi-skip-next zmd-fw"></i> zmdi-skip-next</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="skip-previous"><div class="box"><p><i class="zmdi zmdi-skip-previous zmd-fw"></i> zmdi-skip-previous</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="stop"><div class="box"><p><i class="zmdi zmdi-stop zmd-fw"></i> zmdi-stop</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="surround-sound"><div class="box"><p><i class="zmdi zmdi-surround-sound zmd-fw"></i> zmdi-surround-sound</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="tune"><div class="box"><p><i class="zmdi zmdi-tune zmd-fw"></i> zmdi-tune</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="volume-down"><div class="box"><p><i class="zmdi zmdi-volume-down zmd-fw"></i> zmdi-volume-down</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="volume-mute"><div class="box"><p><i class="zmdi zmdi-volume-mute zmd-fw"></i> zmdi-volume-mute</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="volume-off"><div class="box"><p><i class="zmdi zmdi-volume-off zmd-fw"></i> zmdi-volume-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="volume-up"><div class="box"><p><i class="zmdi zmdi-volume-up zmd-fw"></i> zmdi-volume-up</div></p></div>


            </section>

                <h2 class="page-header">Notification</h2>
            <section class="icon-set row" id="notification">


                    <div class="col-sm-4 col-xs-6" data-name="notifications-active"><div class="box"><p><i class="zmdi zmdi-notifications-active zmd-fw"></i> zmdi-notifications-active</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="notifications-add"><div class="box"><p><i class="zmdi zmdi-notifications-add zmd-fw"></i> zmdi-notifications-add</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="notifications-none"><div class="box"><p><i class="zmdi zmdi-notifications-none zmd-fw"></i> zmdi-notifications-none</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="notifications-off"><div class="box"><p><i class="zmdi zmdi-notifications-off zmd-fw"></i> zmdi-notifications-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="notifications-paused"><div class="box"><p><i class="zmdi zmdi-notifications-paused zmd-fw"></i> zmdi-notifications-paused</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="notifications"><div class="box"><p><i class="zmdi zmdi-notifications zmd-fw"></i> zmdi-notifications</div></p></div>


            </section>

            <h2 class="page-header">Connections</h2>

            <section class="icon-set row" id="connections">


                    <div class="col-sm-4 col-xs-6" data-name="bluetooth-connected"><div class="box"><p><i class="zmdi zmdi-bluetooth-connected zmd-fw"></i> zmdi-bluetooth-connected</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="bluetooth-off"><div class="box"><p><i class="zmdi zmdi-bluetooth-off zmd-fw"></i> zmdi-bluetooth-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="bluetooth-search"><div class="box"><p><i class="zmdi zmdi-bluetooth-search zmd-fw"></i> zmdi-bluetooth-search</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="bluetooth-setting"><div class="box"><p><i class="zmdi zmdi-bluetooth-setting zmd-fw"></i> zmdi-bluetooth-setting</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="bluetooth"><div class="box"><p><i class="zmdi zmdi-bluetooth zmd-fw"></i> zmdi-bluetooth</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="cast-connected"><div class="box"><p><i class="zmdi zmdi-cast-connected zmd-fw"></i> zmdi-cast-connected</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="cast"><div class="box"><p><i class="zmdi zmdi-cast zmd-fw"></i> zmdi-cast</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="dialpad"><div class="box"><p><i class="zmdi zmdi-dialpad zmd-fw"></i> zmdi-dialpad</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="gps-dot"><div class="box"><p><i class="zmdi zmdi-gps-dot zmd-fw"></i> zmdi-gps-dot</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="gps-off"><div class="box"><p><i class="zmdi zmdi-gps-off zmd-fw"></i> zmdi-gps-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="gps"><div class="box"><p><i class="zmdi zmdi-gps zmd-fw"></i> zmdi-gps</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="network-locked"><div class="box"><p><i class="zmdi zmdi-network-locked zmd-fw"></i> zmdi-network-locked</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="network-off"><div class="box"><p><i class="zmdi zmdi-network-off zmd-fw"></i> zmdi-network-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="network-outline"><div class="box"><p><i class="zmdi zmdi-network-outline zmd-fw"></i> zmdi-network-outline</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="network-setting"><div class="box"><p><i class="zmdi zmdi-network-setting zmd-fw"></i> zmdi-network-setting</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="network-warning"><div class="box"><p><i class="zmdi zmdi-network-warning zmd-fw"></i> zmdi-network-warning</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="network-wifi-alt"><div class="box"><p><i class="zmdi zmdi-network-wifi-alt zmd-fw"></i> zmdi-network-wifi-alt</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="network-wifi-lock"><div class="box"><p><i class="zmdi zmdi-network-wifi-lock zmd-fw"></i> zmdi-network-wifi-lock</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="network-wifi-off"><div class="box"><p><i class="zmdi zmdi-network-wifi-off zmd-fw"></i> zmdi-network-wifi-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="network-wifi-scan"><div class="box"><p><i class="zmdi zmdi-network-wifi-scan zmd-fw"></i> zmdi-network-wifi-scan</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="network-wifi"><div class="box"><p><i class="zmdi zmdi-network-wifi zmd-fw"></i> zmdi-network-wifi</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="network"><div class="box"><p><i class="zmdi zmdi-network zmd-fw"></i> zmdi-network</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="portable-wifi-changes"><div class="box"><p><i class="zmdi zmdi-portable-wifi-changes zmd-fw"></i> zmdi-portable-wifi-changes</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="portable-wifi-off"><div class="box"><p><i class="zmdi zmdi-portable-wifi-off zmd-fw"></i> zmdi-portable-wifi-off</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="portable-wifi"><div class="box"><p><i class="zmdi zmdi-portable-wifi zmd-fw"></i> zmdi-portable-wifi</div></p></div>


            </section>

                <h2 class="page-header">Airline</h2>
            <section class="icon-set row" id="airline">


                    <div class="col-sm-4 col-xs-6" data-name="airline-seat-flat-angled"><div class="box"><p><i class="zmdi zmdi-airline-seat-flat-angled zmd-fw"></i> zmdi-airline-seat-flat-angled</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="airline-seat-flat"><div class="box"><p><i class="zmdi zmdi-airline-seat-flat zmd-fw"></i> zmdi-airline-seat-flat</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="airline-seat-individual-suite"><div class="box"><p><i class="zmdi zmdi-airline-seat-individual-suite zmd-fw"></i> zmdi-airline-seat-individual-suite</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="airline-seat-legroom-extra"><div class="box"><p><i class="zmdi zmdi-airline-seat-legroom-extra zmd-fw"></i> zmdi-airline-seat-legroom-extra</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="airline-seat-legroom-normal"><div class="box"><p><i class="zmdi zmdi-airline-seat-legroom-normal zmd-fw"></i> zmdi-airline-seat-legroom-normal</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="airline-seat-legroom-reduced"><div class="box"><p><i class="zmdi zmdi-airline-seat-legroom-reduced zmd-fw"></i> zmdi-airline-seat-legroom-reduced</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="airline-seat-recline-extra"><div class="box"><p><i class="zmdi zmdi-airline-seat-recline-extra zmd-fw"></i> zmdi-airline-seat-recline-extra</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="airline-seat-recline-normal"><div class="box"><p><i class="zmdi zmdi-airline-seat-recline-normal zmd-fw"></i> zmdi-airline-seat-recline-normal</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="airplanemode-active"><div class="box"><p><i class="zmdi zmdi-airplanemode-active zmd-fw"></i> zmdi-airplanemode-active</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="airplanemode-inactive"><div class="box"><p><i class="zmdi zmdi-airplanemode-inactive zmd-fw"></i> zmdi-airplanemode-inactive</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="flight-land"><div class="box"><p><i class="zmdi zmdi-flight-land zmd-fw"></i> zmdi-flight-land</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="flight-takeoff"><div class="box"><p><i class="zmdi zmdi-flight-takeoff zmd-fw"></i> zmdi-flight-takeoff</div></p></div>


            </section>

                <h2 class="page-header">Numbers</h2>
            <section class="icon-set row" id="numbers">


                    <div class="col-sm-4 col-xs-6" data-name="n-1-square"><div class="box"><p><i class="zmdi zmdi-n-1-square zmd-fw"></i> zmdi-n-1-square</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="n-2-square"><div class="box"><p><i class="zmdi zmdi-n-2-square zmd-fw"></i> zmdi-n-2-square</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="n-3-square"><div class="box"><p><i class="zmdi zmdi-n-3-square zmd-fw"></i> zmdi-n-3-square</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="n-4-square"><div class="box"><p><i class="zmdi zmdi-n-4-square zmd-fw"></i> zmdi-n-4-square</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="n-5-square"><div class="box"><p><i class="zmdi zmdi-n-5-square zmd-fw"></i> zmdi-n-5-square</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="n-6-square"><div class="box"><p><i class="zmdi zmdi-n-6-square zmd-fw"></i> zmdi-n-6-square</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="neg-1"><div class="box"><p><i class="zmdi zmdi-neg-1 zmd-fw"></i> zmdi-neg-1</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="neg-2"><div class="box"><p><i class="zmdi zmdi-neg-2 zmd-fw"></i> zmdi-neg-2</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="plus-1"><div class="box"><p><i class="zmdi zmdi-plus-1 zmd-fw"></i> zmdi-plus-1</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="plus-2"><div class="box"><p><i class="zmdi zmdi-plus-2 zmd-fw"></i> zmdi-plus-2</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="sec-10"><div class="box"><p><i class="zmdi zmdi-sec-10 zmd-fw"></i> zmdi-sec-10</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="sec-3"><div class="box"><p><i class="zmdi zmdi-sec-3 zmd-fw"></i> zmdi-sec-3</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="zero"><div class="box"><p><i class="zmdi zmdi-zero zmd-fw"></i> zmdi-zero</div></p></div>


            </section>

                <h2 class="page-header">Other</h2>
            <section class="icon-set row" id="other">

                    <div class="col-sm-4 col-xs-6" data-name="airplay"><div class="box"><p><i class="zmdi zmdi-airplay zmd-fw"></i> zmdi-airplay</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="closed-caption"><div class="box"><p><i class="zmdi zmdi-closed-caption zmd-fw"></i> zmdi-closed-caption</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="confirmation-number"><div class="box"><p><i class="zmdi zmdi-confirmation-number zmd-fw"></i> zmdi-confirmation-number</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="developer-board"><div class="box"><p><i class="zmdi zmdi-developer-board zmd-fw"></i> zmdi-developer-board</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="disc-full"><div class="box"><p><i class="zmdi zmdi-disc-full zmd-fw"></i> zmdi-disc-full</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="explicit"><div class="box"><p><i class="zmdi zmdi-explicit zmd-fw"></i> zmdi-explicit</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="flip-to-back"><div class="box"><p><i class="zmdi zmdi-flip-to-back zmd-fw"></i> zmdi-flip-to-back</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="flip-to-front"><div class="box"><p><i class="zmdi zmdi-flip-to-front zmd-fw"></i> zmdi-flip-to-front</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="group-work"><div class="box"><p><i class="zmdi zmdi-group-work zmd-fw"></i> zmdi-group-work</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="hd"><div class="box"><p><i class="zmdi zmdi-hd zmd-fw"></i> zmdi-hd</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="hq"><div class="box"><p><i class="zmdi zmdi-hq zmd-fw"></i> zmdi-hq</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="markunread-mailbox"><div class="box"><p><i class="zmdi zmdi-markunread-mailbox zmd-fw"></i> zmdi-markunread-mailbox</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="memory"><div class="box"><p><i class="zmdi zmdi-memory zmd-fw"></i> zmdi-memory</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="nfc"><div class="box"><p><i class="zmdi zmdi-nfc zmd-fw"></i> zmdi-nfc</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="pages"><div class="box"><p><i class="zmdi zmdi-pages zmd-fw"></i> zmdi-pages</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="play-for-work"><div class="box"><p><i class="zmdi zmdi-play-for-work zmd-fw"></i> zmdi-play-for-work</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="power-input"><div class="box"><p><i class="zmdi zmdi-power-input zmd-fw"></i> zmdi-power-input</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="present-to-all"><div class="box"><p><i class="zmdi zmdi-present-to-all zmd-fw"></i> zmdi-present-to-all</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="satellite"><div class="box"><p><i class="zmdi zmdi-satellite zmd-fw"></i> zmdi-satellite</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="tap-and-play"><div class="box"><p><i class="zmdi zmdi-tap-and-play zmd-fw"></i> zmdi-tap-and-play</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="vibration"><div class="box"><p><i class="zmdi zmdi-vibration zmd-fw"></i> zmdi-vibration</div></p></div>

                    <div class="col-sm-4 col-xs-6" data-name="voicemail"><div class="box"><p><i class="zmdi zmdi-voicemail zmd-fw"></i> zmdi-voicemail</div></p></div>

            </section>


			</div>

		</div>

		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
		<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
		<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
		<script src="/vendor/waves/waves.min.js"></script>
		<script src="/js/nativedroid2.js"></script>
		<script src="/nd2settings.js"></script>

	</body>
</html>
